CSS 選擇器 ( Selector ) 是 CSS 的核心功能，也是使用或學習 CSS 時最重要的技巧，透過特定的選擇器的規則，就能快速地找出某些元素，並針元素進行樣式的設定，這個單元會引導大家認識 CSS 選擇器並開始使用 CSS 選擇器。

影片重點：

• 00:01:03 CSS 選擇器是什麼？
• 00:01:35 CSS 選擇器的種類
• 00:02:00 通用選擇器
• 00:02:59 元素選擇器
• 00:03:48 ID 與 Class 選擇器
• 00:05:17 屬性選擇器
• 00:07:27 文件結構選擇器
• 00:08:54 虛擬類別選擇器
• 00:11:06 虛擬元素選擇器
• 00:12:44 群組或組合選擇器
• 00:14:04 CSS 選擇其無效的狀況

相關參考：

• 教學文：認識 CSS 選擇器
• 影片連結：https://www.youtube.com/watch?v=0ecpQvCf5Zg

後記

今天來分享一下我在製作影片時，簡報主要的圖片都是使用 AI 生成，教學網頁的 banner 也是 AI 做的，網站 banner 使用的主要工具是 Ideogram，但因為網站 banner 是 16:9，所以轉換成簡報時，有利用 dreamina 來做「延展」的動作，此外，還有搭配 Poe AI 的 removebackground 機器人做去背的動作，以及搭配 canva 的 qrcode 產生應用程式做出漂亮的 QRCode，反正跟「圖片」有關的工具用得還不少～

這一系列操作下來，最花時間的是在等待產圖的時間，而且有些較為抽象的圖仍然不好生成，但整體來說還滿順暢的呦～

更多參考：

• Youtube 頻道：https://www.youtube.com/@steam.oxxostudio
• CSS 教學大全：https://steam.oxxostudio.tw/category/css/index.html